* {
    margin: 0;
    padding: 0;
}

:root {
    --el-input-focus-border-color: #ffc200;
    --el-input-hover-border-color: #ffc200;
    --el-color-primary: #ffc200;
}

.el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px #ffc200 inset !important;
}

.el-input__wrapper:hover {
    box-shadow: 0 0 0 1px #ffc200 inset !important;
}

// 文本域相关样式
.el-textarea__inner {
    border-color: #ffc200; // 默认边框颜色
}

.el-textarea__inner:focus {
    border-color: #ffc200 !important;
    box-shadow: 0 0 0 1px #ffc200 inset !important;
}

.el-textarea__inner:hover {
    border-color: #ffc200 !important;
}

.el-button--primary {
    background-color: #ff9a00 !important;
    border-color: #ff9a00 !important;
    
    &:hover {
        background-color: rgba($color: #ff9a00, $alpha: 0.5);
    }
    
    &:active {
        background-color: #cc7b00 !important;
    }
}

// 确保文本域在表单中的一致性
.el-textarea .el-input__count {
    color: #ffc200;
}

// 针对 el-input 组件中 textarea 的样式
.el-textarea .el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px #ffc200 inset !important;
}

.el-textarea .el-input__wrapper:hover {
    border-color: #ffc200 !important;
    box-shadow: 0 0 0 1px #ffc200 inset !important;
}